<template>

<section class="content">

	<el-col :span="24" class="toolbar" style="padding-bottom: 0px;">
			<el-form :inline="true" >
				<el-form-item>
				 <span>结构物:</span><el-select v-model="value" clearable placeholder="请选择">
                        <el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value">
                        </el-option>
                    </el-select>
                    <span>监测内容:</span><el-select v-model="value1" clearable placeholder="请选择">
                        <el-option v-for="item in options1" :key="item.value1" :label="item.label1" :value="item.value1">
                        </el-option>
                    </el-select>
                    <span>时间:</span> <el-date-picker v-model="value2" type="daterange" align="right" unlink-panels range-separator="至"
                start-placeholder="开始日期" end-placeholder="结束日期" placeholder="选择时间段">
                </el-date-picker>
				</el-form-item>
				<el-form-item>
					<el-button type="primary" >查询</el-button>
				</el-form-item>
			</el-form>
		</el-col>
  <el-col :span="24">
        <el-table :data="tableData" stripe class="table">
            <el-table-column prop="name" label="测点名称"> </el-table-column>
            <el-table-column prop="content" label="监测内容"> </el-table-column>
            <el-table-column prop="value" label="当前值"> </el-table-column>
            <el-table-column prop="unit" label="单位" > </el-table-column>
            <el-table-column prop="date" label="日期" > </el-table-column>
        </el-table>
        </el-col>
    </section>
</template>
<script>
export default {
  
  data() {
    return {
      tableData: [],
      options: [
        {
          value: "选项1",
          label: "北京地铁"
        }
      ],
      value: "",
      options1: [
        {
          value1: "选项1",
          label1: "参数1"
        },
        {
          value1: "选项2",
          label1: "参数1"
        }
      ],
      value1: "",
      value2: ""
    };
  }
};
</script>
<style scoped>
.content {
  padding-top: 20px;
  background-color: #ffffff;
  min-height: 680px;
}
.table {
  margin-top: 10px;
  margin-left: 10px;
  width: auto;
  margin-right: 10px;
}
</style>
